<?xml version='1.0' encoding='ISO-8859-1' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"            
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">

        <ui:define name="contenido">    
            <h:form onsubmit="return checkSubmit();"  id="frmPrincipal">        
                <p:panel id="pgFormFilter" header="#{i18n['panel.titulo.feriado.organizacion']} #{feriadoOrganizacionMBean.dtoFiltro.organizacionDto.nombre}" style="#{applicationMBean.estiloTitulo}">
                    <h:panelGrid columns="6">
                        <h:outputLabel styleClass="label" value="#{i18n['feriado.organizacion.anio']}"/>
                        <p:spinner label="#{i18n['feriado.organizacion.anio']}" value="#{feriadoOrganizacionMBean.dtoFiltro.anio}" min="2012" max="2100" size="14" styleClass="txtCampoObligatorio" 
                                   onkeypress="return fn_validaTecla('entero',this)"/> 
                        <p:spacer width="10" />
                        <p:commandButton icon="ui-icon ui-icon-contact" title="#{i18n['feriado.organizacion.boton.generar']}"
                                         value="#{i18n['feriado.organizacion.boton.generar']}" ajax="false" 
                                         action="#{feriadoOrganizacionMBean.buscar}">
                        </p:commandButton>  
                    </h:panelGrid>
                </p:panel> 
                <p:panel id="pnlTabla" header="#{i18n['panel.titulo.feriado.lista.feriados']}  #{feriadoOrganizacionMBean.dtoFiltro.anio}"  style="#{applicationMBean.estiloTitulo}" >
                    <h:panelGrid id="pgFeriados">
                        <p:calendar value="#{feriadoOrganizacionMBean.date1}" mode="inline" id="inlineCal" mindate="#{feriadoOrganizacionMBean.strFechaInicio}"
                                    maxdate="#{feriadoOrganizacionMBean.strFechaFin}"
                                    pages="4" beforeShowDay="bindEventsHighlights" pattern="#{applicationMBean.formatoFecha}">  
                            <p:ajax event="dateSelect" listener="#{feriadoOrganizacionMBean.listenerSelectDate}" 
                                    oncomplete="carDialogFeriadoOrg.show()" update=":frmFeriado:pgFormDtoFeriado"/>
                        </p:calendar>   

                    </h:panelGrid>
                    <f:facet name="footer">
                        <p:commandButton title="#{i18n['general.button.atras.tip']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-arrowreturnthick-1-w" immediate="true"
                                         value="#{i18n['general.button.atras']}" 
                                         action="#{feriadoOrganizacionMBean.retroceder}">                                    
                        </p:commandButton>
                    </f:facet>
                </p:panel>
                <script>
                    //Obtenemos el JSON con los feriados
                    var specialDays = null;
                    specialDays = <h:outputText value = "#{feriadoOrganizacionMBean.strDates}" /> ;
                    console.log(specialDays);
                    function bindEventsHighlights(date) {
                        if(specialDays == 'N')
                            return  [ true, '' ]; 
                        return highlightCalendar(specialDays,date,"highlight-calendar");
                    }
                
                    function highlightCalendar(specialDays, date,cssClass ) {
                        var d = date.getDate();
                        var m = date.getMonth() + 1;
                        var y = date.getFullYear();
                   	
                        if (specialDays[y] &amp;&amp; specialDays[y][m] &amp;&amp; specialDays[y][m][d]) {
                            var title = specialDays[y][m][d];
                            return [ true, cssClass, title ];
                        }
                    	
                        return [ true, '' ]; 
   
                    }
                </script>
            </h:form>
            <p:dialog id="idDlgBitacoraEntidad" header="#{i18n['bitacora.titulo']}" widgetVar="dlgBitacoraEntidad" resizable="false"  
                      width="900" height="200" modal="true">                        
                <ui:include src="/pages/bitacora/bitacoras.xhtml" /> 
            </p:dialog>

            <p:dialog id="idDlgArchivoEntidad" header="#{i18n['archivo.titulo']}" widgetVar="dlgArchivoEntidad" resizable="false"  
                      width="1200" height="400" modal="true">                        
                <ui:include src="/pages/archivo/archivos.xhtml" /> 
            </p:dialog>
            <p:dialog id="dialogDetalle" header="#{i18n['panel.titulo.feriado.popup.organizacion']}" widgetVar="carDialogFeriadoOrg" resizable="false"  
                      width="760" height="350" modal="true">  
                <p:messages id="msjDialogFeriado" showDetail="false" autoUpdate="true" />   
                <ui:include src="/pages/core/feriadoOrg/feriado.xhtml" /> 
            </p:dialog>
        </ui:define>
    </ui:composition>
</html>